<template>
  <el-breadcrumb separator-class="el-icon-arrow-right" id="ElBreadCrumb">
      <el-breadcrumb-item :to="{ path: '/welecom' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{ secondtitle }}</el-breadcrumb-item>
      <el-breadcrumb-item>{{ thirdtitle }}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  // 面包屑组件
  props: {
    secondtitle: {
      type: String,
      default: 'xxx'
    },
    thirdtitle: {
      type: String,
      default: 'xxxxxx'
    }
  }
}
</script>

<style lang="scss" scoped>
#ElBreadCrumb {
  font-size: 15px;
  margin: 20px 0 30px 20px;

}
</style>

